@charset "utf-8";
/* CSS Document */
html{width:100%;}
body{margin:0px auto; font-family:Georgia, "Times New Roman", Times, serif; font-size:62.5%; color:#333333; line-height:20px; font-weight:bold;}
*{margin:0px; padding:0px;}
a{text-decoration:none; color:#004276;}
img, a img{border:none; outline:none}
li{ list-style:none;}
#main_container{width:100%; float:left; margin:0px; padding:0px;}
#wrapper{width:972px; margin:0px auto;}
.top_header{ width:100%; float:left; margin:14px 0px 0px 0px ; padding:0px;}
.header_left_area{width:60%; float:left; margin:0px;}
ul.header_nav{width:54.6%%; float:left; margin:0px; padding:0px; background:#f0f4f5; border-left:1px solid #999999; border-top:1px solid #999999;}
ul.header_nav li{float:left; margin:0px; padding:0px;}
ul.header_nav li a{ color:#004276; float:left; margin:0px; padding:0 7px ; font-family:Arial, Helvetica, sans-serif; font-size:1em; border-right:1px solid #999999; text-transform:uppercase; font-weight:normal; }
ul.header_nav li a:hover{text-decoration:underline;}
.header_right_area{width:40%; float:left; margin:0px;}
.right_area{width:100%; float:left; margin:0px; padding:0px;}
ul.right_header{width:100%; float:left; margin:0px; padding:0px;}
ul.right_header li{float:right; margin:0px; padding:0px; background:url(../images/sap.jpg) no-repeat right;}
ul.right_header li a{color:#004276; float:right; margin:0px; padding:0 7px ; font-family:Arial, Helvetica, sans-serif; font-size:1em;  text-transform:uppercase; font-weight:normal;}
ul.right_header li a:hover{ text-decoration:underline;}
ul.right_header li.last{background:none;}
.container{width:100%; float:left; margin:0px; padding:0px; border:1px solid #999999; background:#f4f4f4;}
.header_logo_area{width:100%; float:left; background:#ffffff;}
.left_area{width:25%; float:left;}
.center_area{width:40%; float:left;}
.Hright_area{width:35%; float:left;}
.logo_area{width:100%; float:left; margin:0px; padding:0px;}
a.logo{width:100%; float:left; margin:0px;}
a.logo img{width:auto%; float:left; margin:10px 0px 0px 7px;}
.masthead{width:100%; float:left; margin:0px; padding:0px;}
.masthead p{font-size:1.2em; float:left; margin:0px; text-decoration:none; font-weight:normal; line-height:20px; padding:0 0 8px 7px;}
.pageHeaderWithLabel{width:100%; float:left; margin:10px 0px 0px 7px; padding:0px;}
.pageHeaderWithLabel h2 a{float:left; font-family: arial,helvetica,sans-serif; font-size: 0.483em; font-weight: bold; line-height: 1em; color:#004276; text-align:center; width:100%;}
.pageHeaderWithLabel h2{width:100%; float:left; margin:0px; font-family: arial,helvetica,sans-serif; font-size: 2.9em; line-height: 1.1032em; position: relative; text-align:center}
.pageHeaderWithLabel h2 span a{float:left; font-family: arial,helvetica,sans-serif; font-size: 1em; font-weight: bold; line-height: 1em; color:#000000; text-align:center; width:100%;}
.searchWidget {float:right;margin: 10px 7px 0 0;padding: 0; widows:100%;}
.select{width:100%; float:right; }
.select p{width:100%; float:left; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:1.1em; font-weight:normal;}
.input{width:100%; float:right; margin:0px; padding:0px;}
.text_field{width:80%; float:left; margin:0px; padding:0px; height:20px; }
.form_search{width:70%; float:right; margin:0px;}
.button{width:30px; float:left; padding:0px; margin:0px;  font-family: arial,helvetica,sans-serif;  color:#000000; font-size:1.1em; font-weight:normal; border:1px solid #999; background:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height:20px}

.main_nav{width:100%; float:left; margin:0px; padding:0px; border-top:2px solid #000000; border-bottom:1px solid #999999;}
ul.nav{width:100%; float:left; margin:0px; padding:0px;  background:#ffffff;}
ul.nav li{ float:left; margin:0px; padding:0px; }
ul.nav li a{ float:left; margin:0px; padding:5px 9px; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-size:11px !important; color:#333333; font-weight:normal; text-decoration:none; border-right:1px solid #999999;}
ul.nav li.backcolor{ float:left; margin:0px; padding:0px;background:#e6eff8;}
ul.nav li a:hover{text-decoration:underline;}
ul.nav li a.last{padding:5px 6px; border:none;}

.add_area{width:100%; float:left; margin:0px; border-bottom:1px solid #999999;}
.add{width:75%; margin:0px auto; padding:0px;}
.add img{width:auto; float:left; margin:0px; padding:15px 0px 0px 0px;}
.add p {width:100%; float:right; margin:0px;}
.add p a{  color: #004276;  float: left; font-family: Arial; font-size: 10px; width:100%; text-align:right; padding-bottom:10px; line-height:15px;}
.add p a:hover{text-decoration:underline;}
.blog {
    
    margin: 20px 13px 20px 15px;
	float:left;
	width:97%;
}
.aCol{width:64%; float:left; margin:0px; padding:0px; border:1px solid #cccccc; position:relative; background: none repeat scroll 0 0 #FFFFFF;}
.cCol{width:35%; float:left;  margin: 0 0 0 -1px;}
.main_left{width:100%; float:left; margin:0px; padding:0px;}
.boss_area{width:100%; float:left; margin:0px; padding:0px;}
.boss_area a{width:100%; float:left; margin:0px; padding:0px;}
.boss_area a img{width:auto; float:left; margin:-20px 0px 25px 0px; padding:0px;}
.postMetaHeader{ width:100%; float:left; margin:0px; padding:0px;}
.postMetaHeader time{ color:#808080; font-family:arial,helvetica,sans-serif; font-size:1.1em; float:left; padding:0px 10px 0px 0px ;}
.hfeed{float:left; padding:0 30px; width:90%;}
.entry{float:left; margin:0px; padding:15px 10px 0; width:97%; border-bottom:1px solid #999;}
span.commentCount{ border-left:1px solid #CCCCCC; float:left;}
a.commentIcon{padding-left:13px; background:url(../images/comment_icon.gif) no-repeat 4px 7px; float:left; font-family:Arial, Helvetica, sans-serif; padding:0px 0px 0px 15px;}
.heading{width:100%; float:left; margin:0px; padding:0px;}
.heading h3{width:100%; float:left; margin:0.6em 0 0.6em; padding:0px; }
.heading h3 a{width:100%; float:left; margin:0px; padding:0px; color:#004276; text-decoration:none; font-size:1.7em;}
.heading h3 a:hover{text-decoration:underline;}
.byline{width:100%; float:left; margin:2px 0px; font-size:1.1em; color:#808080; font-family:arial,helvetica,sans-serif;}
.byline a{ text-transform:uppercase; color:#004276;font-size:1.1em; font-family:arial,helvetica,sans-serif; font-weight:normal; padding:0px 0px 0px 3px;}
.byline a:hover{text-decoration:underline;}
.entry_image{width:100%; float:left; margin:0px; padding:0px;}
.entry_image a{width:100%; float:left; margin:0px; padding:0px;}
.entry_image a img{width:auto; float:left; margin:10px 0px 0px 0px; padding:0px;}
.credit{   color: #909090;
    font-size: 0.9em;
    line-height: 1.223em;
    margin-bottom: 3px;
    text-align: right;
	font-family:arial,helvetica,sans-serif; width:91%;
}
.caption{  color: #666666;
    font-size: 1.1em;
    line-height: 1.2727em;
    margin-bottom: 3px;
    text-align: left;
	font-family:arial,helvetica,sans-serif; width:91%;
}
.w480{width:100%; float:left; margin:15px 0px 0px 0px; padding:0px;}
.w480_left{width:60%; float:left; margin:0px; padding:0px;}
.w480_left p{ float:left; margin:0px; padding:0px; font-size:1.4em; line-height:1.5em; font-weight:normal; width:94% !important; }
.w480_left p a{margin:0px; padding:0px;}
.w480_right{width:40%; float:left; margin:0px; padding:0px;}
.w480_right h6{width:100%; float:left; margin:0px; padding:0px; border-top:2px solid #95c9c7;}
.w480_right h6 a{width:100%; float:left; margin:0px; padding:5px 0px 0px 0px ; font-family:georgia,"times new roman",times,serif; font-size:2.2em; font-weight:bold; color:#004276; letter-spacing:0.04em; text-decoration:none;}
.w480_right p{width:100%; float:left; margin:0px; padding:0px; font-size:1.4em; line-height:1.5em; font-weight:normal;}
.w480_right p a{width:100%; float:left; margin:0px; padding:0px;}
.w480_right p a img{width:auto; float:left; margin:0px; padding:0px;}
.w480 p{width:100%; float:left; margin:0px; padding:1em 0 0 0; font-size:1.4em; line-height:1.5em; font-weight:normal;}
.w480 p a{ text-decoration:underline; color:#004276;}
ul.social_icon{ width:100%; float:left; margin:23px 0 23px 0px; padding:0px;}
ul.social_icon li{ width:auto; float:left; margin:0px; padding:0px 8px ; background:url(../images/sap.jpg) no-repeat right;}
ul.social_icon li a{ width:auto; float:left; margin:0px; padding:0px;}
ul.social_icon li a img{ width:auto; float:left; margin:0px; padding:0px;  }

.bottomNav{ width:100%; float:left; background:url(../images/line.png) repeat-x left top ; border-bottom: 1px solid #CCCCCC; border-top: medium none;
    margin: 0 0 15px; padding: 19px 0 15px;
}
ul.FloatControl{width:100%; float:left; margin:0px; padding:0px;}
ul.FloatControl li{width:100%; float:left; margin:0px; padding:0px; background:url(../images/arrow-left.gif) no-repeat left center;}
ul.FloatControl li{ float:left; margin:0px; padding:0 14px 0 25px; font-family:georgia,"times new roman",times,serif; font-size:12px; color:##004276; font-weight:bold;}
.google_add{width:100%; float:left; margin:0px; padding:0px;}
.google_add img{width:100%; float:left; margin:0px 0px 30px 0px; padding:0px;}
.row{width:100%; float:left; margin:0px; padding:0px; border:1px solid #cccccc; position:relative; background: none repeat scroll 0 0 #FFFFFF;  padding: 0 0 30px 5px;}
.search_area{width:100%; float:left; margin:0px; padding:0px; }
.blog_search{float:left; margin:0 -4px 1px -2px; padding:15px 0px; background:url(../images/search_box_shadow.png) no-repeat left center; width:100%;}
.blog_search h4{font-size:1.2em; float:left; margin:5px 0 5px 13px; padding-top:4px; vertical-align:middle; font-family:arial,helvetica,sans-serif;}
.blog_search form{width:65% !important; float:left; margin:5px 0px 0px 0px; padding:0px;}
.blog_search_submit{ margin:4px 0 0 12px; width:65%; border:1px solid #CCCCCC #EFEFEF #EFEFEF #CCCCCC; padding:0px 3px; float:left; height:20px;}
.blogSearchSub{ border:none; height:20px; margin:4px 0 0 5px; width:40px; float:left; background:url(../images/search_button40x19.gif) no-repeat; }
.blog_index{width:100%; float:left; margin:5px 0;}
.blog_index a{ width:100%; float:left; margin:0px; font-family:arial,helvetica,sans-serif; font-size:1.1em; text-align:center; font-weight:normal;}
.box{ border-top:1px solid #cccccc; float:left; width:100%; margin:0 0 7px;}
ul.socialSubsBlog{width:100%; float:left; margin:0px; padding:0px;}
ul.socialSubsBlog li{ float:left; margin:0px; padding:0px; width:37%;}
ul.socialSubsBlog li p{ font-size:10px; padding:3px 0px 0px 8px; text-transform:uppercase; line-height:1.4em; font-weight:normal; color:#000000; font-family:arial,helvetica,sans-serif;}
ul.socialSubsBlog li a{ font-size:10px; padding-top:1em; text-transform:text-transform; line-height:1.4em; font-weight:normal; font-family:arial,helvetica,sans-serif; background:url(../images/rss_icon_10x10.gif) left bottom no-repeat; padding:0px 0px 0px 15px;}
.MiddleRight{  border-top: 1px solid #CCCCCC; margin-bottom: 15px; padding-top: 15px; float:left; width:97%; padding-left:10px;}
.MiddleRight img{width:auto; float:left; margin:0px; padding:0px;}
.nocontent{ width:99%; float:left; margin:5px 0px 0px 0px; padding:0px; background:url(../images/line.png) repeat-x;  }
.nocontent h4{padding:12px 5px 3px 5px; text-transform:uppercase; font-family:arial,helvetica,sans-serif; font-size:1.4em; line-height:1.1429em; float:left;}
.entry_post{width:100%; float:left; margin:0px; padding:0.5em 0.5em 0.8em;}
ul.post{width:100%; float:left; margin:0px; padding:0px;}
ul.post li{width:100%; float:left; margin:0px; background:url(../images/bullet4x4.gif) no-repeat left center; padding:0 0 0 8px}
ul.post li a{width:93%; float:left; margin:0px; font-size:1.1em; background:url(../images/comment_icon.gif) no-repeat right center; padding: 0 13px 0 0}
span p{ line-height:1.4em; float:left; width:97%; font-size:1em; font-weight:normal; margin:0 0 0.3em 10px}
.nocontentleft{width:75%; float:left; margin:0px; padding:0px  0px 0px 10px;}
.nocontent_right{width:18%; float:left; margin:5px 0px 0px 6px ; padding:0px;}
.nocontentleft h3{width:100%; float:left; margin:0px; padding:5px 0px 0px 0px; color:#000000; font-size:1.2em; line-height:1.25em;}
.nocontentleft h6{ float:left; font-size:1em; text-transform:uppercase; font-weight:normal; color:#000000; font-family:arial,helvetica,sans-serif;}
.nocontentleft p{ float:left; font-size:1em; text-transform:uppercase; font-weight:normal; color:#000000;  line-height:1.4em; margin: 0 0 0.3em}
ul.refer{ width:100%; float:left; margin:0px 0px 6px 0px;}
ul.refer li{ float:left; margin:0px 0px 2px 0px; background:url(../images/bullet4x4.gif) no-repeat left center; padding:0 0 0 8px }
ul.refer li a{font-size:1em;}
a.rssMd{ background:url(../images/rss_icon_10x10.gif) 0 0 no-repeat;;}
.nocontent_right img{width:auto; float:left; margin:0px; padding:0px;}
.line{width:100%; float:left; margin:0px; padding:0px; border-bottom: 1px solid #CCCCCC;}
.nocontent_link{ width:99%; float:left; margin:5px 0px 0px 0px; padding:0px; background:url(../images/line.png) repeat-x;  }
.nocontent_link h4{padding:12px 5px 3px 5px; text-transform:uppercase; font-family:arial,helvetica,sans-serif; font-size:1.4em; line-height:1.1429em; float:left;}
.ul_link{ width:98%; float:left; margin:0px 0px 0px 6px; padding:0px;}
ul.odd{width:50%; float:left; margin:0px; padding:0px;}
ul.odd li{   border-bottom: 1px solid #CCCCCC;
    float: left;
    font-family: arial,helvetica,sans-serif;
    font-size: 1em;
    margin: 0;
    padding: 1px 0;
    width: 100%;}
ul.odd li a{ float:left; font-size:1em; font-family:arial,helvetica,sans-serif;}
ul.odd li.last{border:none;}
ul.odd li a:hover{text-decoration:underline;}
ul.even{width:50%; float:left; margin:0px; padding:0px;}
ul.even li{   border-bottom: 1px solid #CCCCCC;
    float: left;
    font-family: arial,helvetica,sans-serif;
    font-size: 1em;
    margin: 0;
    padding: 1px 0;
    width: 100%;}
ul.even li a{ float:left; font-size:1em; font-family:arial,helvetica,sans-serif;}
ul.even li a:hover{text-decoration:underline;}
ul.even li.last{border:none;}
@media (max-width: 1050px) {
#wrapper{width:99% !important;}
ul.nav li a.last{ padding:5px 19px !important;}
ul.nav li a{padding:5px 9px !important;}
.add{width:75% !important; margin:0px auto }

}
@media (max-width: 980px) {
#wrapper{width:99.8% !important; float:left;}
.MiddleRight img{width:100% !important;}
.add img{width:100% !important; float:left;}
.boss_area a img{width:100% !important; float:left; margin:0px !important;}
.entry_image a img{width:100% !important;}
.add{width:75% !important; margin:0px auto }
ul.nav li a.last{ padding:5px 8px !important;}
ul.nav li a{padding:5px 1px !important;}
ul.FloatControl li{width:95% !important;}
}
@media (max-width: 852px) {
#wrapper{width:98.8% !important; float:left;}
.MiddleRight img{width:94% !important;}
.add img{width:100% !important; float:left;}
.boss_area a img{width:100% !important; float:left; margin:0px !important;}
.entry_image a img{width:100% !important;}
.blog_search form{width:56% !important}
.blog_search_submit{width:53% !important;}
ul.nav li a.last{ padding:5px 3px !important;}
ul.nav li a{padding:5px 1px !important;}
.MiddleRight{width:95% !important;}
.add{float:left; width:100% !important;}
.heading h3 a{font-size:1.3em !important;}
.w480 p{font-size:1.2em !important;}
.w480_right h6 a{font-size:1.3em !important;}
ul.FloatControl li{width:95% !important;}
.add{width:75% !important; margin:0px auto }
}
@media (max-width: 767px) {
#wrapper{width:98% !important; float:left;}
ul.nav li a.last{ padding:5px 16px !important;}
ul.nav li a{padding:5px 12px !important;}
.blog_search h4{width:100% !important;}
.blog_search form{width:100% !important;}
.pageHeaderWithLabel h2 span a{font-size:0.7em !important;}
.masthead p{font-size:1.1em !important;}
.form_search{width:100% !important;}
.blog{width:99% !important; margin:0px !important; padding:0px !important;}
.hfeed{width:95% !important; float:left; margin:0px !important; padding:0px !important;}
.w480_right p a img{width:100% !important;}
.heading h3 a{font-size:1em !important;}
.w480 p{font-size:1em !important;}
.w480_right h6 a{font-size:1em !important;}
ul.FloatControl li{width:95% !important;}
ul.post li a{width:90% !important;}
.add img{width:100% !important; float:left;}
.add{width:75% !important; margin:0px auto }
}
@media (max-width: 480px) {
#wrapper{width:98% !important; float:left;}
.header_left_area{width:100% !important;}
.header_right_area{width:100% !important;}
.left_area{width:100% !important; margin:0px !important; padding:0px !important;}
.center_area{width:100% !important; margin:0px !important; padding:0px !important;}
.Hright_area{width:100% !important; margin:0px !important; padding:0px !important;}
ul.header_nav li a{ padding:0px 4px !important;}
ul.right_header{width:97% !important;}
a.logo img{margin:0px !important;}
.pageHeaderWithLabel h2 span a{width:90% !important;}
.aCol{width:100% !important;}
.add img{width:100% !important; float:left;}
.cCol{width:100% !important;}
.row{width:99% !important; margin:0px !important; padding:0px !important;}
.pageHeaderWithLabel h2 a{width:95% !important;}
.pageHeaderWithLabel h2{width:96% !important;}
ul.socialSubsBlog li{width:40% !important;}
ul.socialSubsBlog li p{margin:0px !important;}
.pageHeaderWithLabel{width:95% !important;}
ul.FloatControl li{width:95% !important;}
.blog_search h4{width:95% !important;}
ul.FloatControl li{width:90% !important;}
.add{width:100% !important; margin:0px; float:left }
}